<template>
    <div>
        <el-row :gutter="20">
            <el-col :span="9">
                <div class="centreView-box">
                    <leftBox></leftBox>
                </div>
            </el-col>
            <el-col :span="10">
                <div class="centreView-box">
                    <middleBox></middleBox>
                </div>
            </el-col>
            <el-col :span="5">
                <div class="centreView-box">
                    <rightBox></rightBox>
                </div>
            </el-col>
        </el-row>
    </div>
</template>
<script>
import leftBox from "./leftBox";
import middleBox from "./middleBox";
import rightBox from "./rightBox";
export default {
    components: { leftBox, middleBox, rightBox },
    name: "centreView",
    data() {
        return {};
    },
    created() {},
    mounted() {},
    methods: {},
};
</script>
<style lang="scss" scoped>
/* @import url(); 引入css类 */
.centreView-box {
    // height: 400px;
    background-color: rgba(241, 243, 245, 1);
}
</style>
